<template>
	<view>
		<ss-select-city :hotCitys="hotCitys" :value="CityName" @on-select="onSelect" />
	</view>
</template>

<script>
	import ssSelectCity from '@/components/ss-select-city/ss-select-city.vue'
	import {mapState as indexState,mapMutations as indexMutations} from 'vuex'
	export default {
		data() {
			return {
				hotCitys: ['佛山','杭州', '天津', '北京', '上海', '深圳', '广州', '成都', '重庆', '厦门']
			}
		},
		components: {
			ssSelectCity
		},
		computed:{
			...indexState(['CityName'])
		},
		methods: {
			...indexMutations(['SET_CITY']),
			onSelect(city) {
				this.SET_CITY(city)
				uni.navigateBack({
					delta: 1
				});
			}
		}
	}
</script>

<style lang="scss">
ss-select-city{
	padding: 0;
}
.select-city-wrap{
	padding: 0 ;
}
</style>
